<template>
	<view>
		<view class="main">
			<view class="Header">
				<view class="image-box">
					<image class="Image" :src="logoSrc" mode="widthFix"></image>
				</view>
				<view class="href-chakan-xiangmu">
					<navigator url="http://baidu.com">
						<text class="app-text href-text">查看项目</text>
					</navigator>
				</view>
			</view>
			<view class="content">
				<view class="list">
					<view class="list-item"
					v-for="(item,index) in iconfontAlist">
						<view class="iconfont-box">
							<tetx v-if="false" class="text">图标</tetx>
							<text class="iconfont-text" :class="[item.className,item.classVue]"></text>
						</view>
						<view class="iconfont-class">
							<text class="text">必带class类名：{{item.className}}</text>
						</view>
						<view class="Font-class">
							<text class="text">vue中使用：</text>
							<text class="app-text css-name">{{item.classVue}}</text>
						</view>
						<view class="UniCode">
							<text class="text">nvue中使用：</text>
							<text class="app-text nvue-name">{{item.classNvue}}</text>
						</view>
						<!-- #ifdef APP-PLUS-NVUE -->
						<text class="iconfont-text iconfontA"
						style="color: #000;font-size: 40rpx;"
						>&#xe639;{{这是测试图标}}</text>
						<!-- #endif -->
					</view>
				</view>
			</view>
			<!-- <text class="iconfontA jiaguanzhu-12-jiaguanzhu"></text> -->
			<!-- <text class="iconfontB zouyigezuo-xian-36-pinglun"></text> -->
			
		</view>
	</view>
</template>

<script>
	import {iconfontA_data} from '../../assets/iconfontData.js';
	export default {
		data() {
			return {
				VideoShowloadingSrc:'/uni_modules/FatFatMeng-VideoPlayer/static/FatFatMeng-VideoPlayer/apps/images-icon/VideoPlayer/loading/loading_01.gif',
				logoSrc:'https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg',
				iconfontAlist:iconfontA_data,
			}
		},
		beforeCreate() {
			// #ifdef APP-NVUE
			const domModule = weex.requireModule('dom');
			// 播放器字体图标A [测试加载本地]
			domModule.addRule('fontFace', {  
			    'fontFamily': "VideoIconfontA",  
			    'src': 'url("'+"file:/" + plus.io.convertLocalFileSystemURL("_www/uni_modules/FatFatMeng-VideoPlayer/static/FatFatMeng-VideoPlayer/apps/iconfont-ttf/iconfontA.ttf")+'")'  
			});
			// #endif
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	@import '../../static/FatFatMeng-VideoPlayer/apps/iconfont-css/iconfontA.css';
	@import '../../static/FatFatMeng-VideoPlayer/apps/iconfont-css/iconfontB.css';
	@import './iconfont-demo.scss';
</style>
